span.tmpzTreeMove_arrow {
  background-image: none !important;
  margin-top: 0px !important;
  &:before {
    font-family: FontAwesome;
    content: '\f178';
  }
}

.ztree-toolbar {
  display: flex;
  padding: 5px 5px 5px 15px;
  min-width: 290px;
  height: 38px;
  border-bottom: 1px solid #eeeeee !important;
  line-height: 28px;
  font-size: 14px;
  background-color: #f0f3f4;
  label {
    flex: 1;
    line-height: 27px;
    font-size: 13px;
  }
  .form-control {
    margin: 0 3px;
    vertical-align: baseline;
  }
  .tips {
    margin-left: 8px;
    color: #e85656;
    &.highlight {
      color: inherit;
    }
  }
}

.ztree {
  overflow-y: auto;
  * {
    font-size: 14px !important;
    line-height: 24px !important;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  a {
    margin-left: -3px;
    padding: 0 3px 0 0px !important;
    height: 26px !important;
    border: 1px solid transparent;
    &.tmpTargetNode_inner {
      padding: 0 3px 0 0px !important;
      height: 26px !important;
      background: #f5f5f5 !important;
      border: 1px solid #ccc !important;
      color: #333;
    }

    &.curSelectedNode{
      padding: 0 3px 0 0px !important;
      border: 1px solid #dae2ea !important;
      background: #f8faff !important;
      color: #209e91;
    }
    &:hover {
      padding: 0 3px 0 0px !important;
      height: 26px !important;
      border: 1px solid #dae2ea;
      background: #f8faff;
      border-radius: 3px;
    }

    .node_name {
      margin-left: 8px;
    }

    input.rename {
      height: 22px;
      font-size: 18px;
    }

    .ico_docu {
      color: inherit !important;
    }
    .node_name {
      color: #333;
    }
  }

  .button {
    display: inline-block;
    width: 25px;
    height: 24px !important;
    line-height: 24px !important;
    padding: 0 5px;
    font-weight: bold;
    color: #757575;
    text-align: center;
    cursor: pointer;

    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    &.ico_open,&.ico_close,&.ico_docu,&.add-folder,&.add-file,&.edit,&.remove {
      background-image: none;
    }

    &.switch {
      margin: 4px 0 !important;
      height: 20px !important;

      &.center_docu, &.bottom_docu {
        margin: 0 !important;
        height: 26px !important;
      }

      &.center_docu {
        background-position: -56px -14px;
      }
      &.bottom_docu {
        background-position: -56px -32px;
      }
    }

    &.ico_open:before {
      font-family: FontAwesome;
      content: '\f115';
    }
    &.ico_close:before {
      font-family: FontAwesome;
      content: '\f114';
    }
    &.ico_docu:before {
      font-family: FontAwesome;
      content: '\f016';
    }

    &.add-folder,&.add-file,&.edit,&.remove {
      width: 17px;
      font-family: FontAwesome;
      padding: 0 0 0 5px;
    }
    &.add-folder,&.add-file {
      width: 20px;
    }
    &.add-folder:before {
      content: '\f07b';
    }
    &.add-file {
      font-size: 12px !important;
      &:before {
        content: '\f15b';
        font-size: 10px;
      }
    }
    &.edit:before {
      content: '\f040';
    }
    &.remove:before {
      content: '\f00d';
    }

  }

  span.button.chk {
    height: 13px !important;
    margin: -3px 3px 0 0 !important;
  }

}
